<template>
  <div>
    我是B组件
  </div>
  <div>
    <C></C>
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue'
import C from './C.vue'
export default {
  components: { C },
  setup() {
    const state = reactive({
      count: 0,
    })

    return {
      ...toRefs(state),
    }
  }
}
</script>

<style lang="css" scoped>
</style>